<template>
	<view class="psgeView" v-if="indexData">
		<view class="pageViweKongs"></view>
		<view class="tops">
			<view class="topView">
				<view class="topImg contenr">Hi~，{{name}}</view>
				<view class="topView_bot dis dis2 dis3">
					<view class="viewLef dis dis1 dis2 dis5">
						<view class="top dis dis1 dis2">
							<text class="ages">{{indexData.age>0?indexData.age:'?'}}</text>
							<text class="sui">岁</text>
						</view>
						<view class="btns">身体年龄</view>
					</view>
					<view class="lins"></view>
					<view class="viewLef dis dis1 dis2 dis5">
						<view class="top dis dis1 dis2">
							<text class="ages">{{indexData.score_zhf>0?indexData.score_zhf:'?'}}</text>
							<text class="sui">分</text>
						</view>
						<view class="btns">健康综合评分</view>
					</view>
				</view>
			</view>
			<view class="chicken dis dis1 dis2">
				<image src="../../static/image/chicken.png" mode="aspectFit" class="chickenImg"></image>
				<view class="texts dis dis2">{{indexData.daytip ||'健康的身体是灵魂的客厅，有病的身体是灵魂的禁闭室。'}}</view>
			</view>
		</view>
		<view class="middle">
			<view class="kongs"></view>
			<view class="middle_s">
				<view class="middTop dis dis2 dis3">
					<view class="topsText dis dis1 dis2">优先调理建议<view class="time contenr" v-if="isLogin_s && isnull==0">({{indexData.time}}测评)</view></view>
					<view class="botonMidd contenr" v-if="isLogin_s && isnull==0" @click="goUrls(2)">完整报告</view>
				</view>
				<view class="modl" :class="{modlPadd:!isLogin_s || isnull==1 || indexData.score_zhf>=100}">
					<block v-if="isLogin_s && isnull==0 && indexData.score_zhf <100 && !perfect && indexData.weidulist.score<100 && indexData.score_zhf>0">
					<view class="modlTops dis dis3">
						<view class="modelleft">
							<view class="kongs"></view>
							<view class="items1 dis dis5">
								<text class="texts1">建议你优先调理</text>
								<text class="texts2">{{indexData.weidulist.weidu}}</text>
							</view>
							<view class="items1 dis dis5 items2">
								<view class="kons"></view>
								<view class="item2topx">腑脏健康分</view>
								<view class="item2botm dis">
									<view class="item2Left dis dis3 dis2">
										<text class="textFins">{{indexData.weidulist.score}}</text>
									</view>

								</view>
							</view>
							<view class="items1 dis dis5 items3">
								<view class="kongs"></view>
								<text class="texts1">主要问题</text>
								<text class="texts2">{{indexData.weidulist.zhibiao}}</text>
							</view>
						</view>
						<view class="modelRig">
							<image :src="gire" mode="aspectFit" class="girs"></image>
							<!-- <image src="/static/stiati/nan.png" mode="aspectFit" class="girs"></image> -->
						</view>
					</view>
					<view class="btonCes" @click="retest">
						<image src="../../static/img/fuces.png" mode="aspectFit" class="fuces"></image>
					</view>
					</block>
					<block v-else>
						<view class="modl_1 dis dis3">
							<view class="left">
								<view class="topsLeft dis dis_1" v-if="isLogin_s && isTgexts">
									<text class="topsLeft1" >进行一次身体健康自测</text>
									<text class="topsLeft2">获取你的调理建议</text>
								</view>
								<view class="topsLeft dis dis_1" v-if="showTewxts()">
									<text class="topsLeft1" >进行一次身体健康自测</text>
									<text class="topsLeft2">获取你的调理建议</text>
								</view>
	
								<view class="topsLeft dis dis_1" v-if="(indexData.score_zhf >=100 || perfect || indexData.weidulist.score>=100) && indexData.score_zhf>0">
									<text class="topsLeft1" >你的身体状况太棒了！</text>
									<text class="topsLeft2">记得经常关注喔~</text>
								</view>
								<view class="leftBotm dis dis2"  v-if=" indexData.score_zhf!=-1 ">
									<view class="btoms contenr" @click="goUrls(1)">去自测</view>
								</view>
								<view class="topsLeft dis dis_1" v-if=" indexData.score_zhf==-1 && isLogin_s">
									<text class="topsLeft1" >上火的维度还没有测评，</text>
									<text class="topsLeft_122">测完才知道整体水平喔～</text>
								</view>
								<view class="leftBotm dis dis2"  v-if=" indexData.score_zhf==-1 && isLogin_s">
									<view class="btoms contenr" @click="goCes()">上火测评</view>
								</view>
							</view>
							<view class="rigth">
								<image :src="gire1" mode="aspectFit"></image>
								<!-- <image src="/static/stiati/nan_1.png" mode="aspectFit"></image> -->
							</view>
						</view>
						
					</block>
				</view>
				<view class="death" v-if="isLogin_s && isnull==0 && indexData.score_zhf <100 && !perfect && indexData.weidulist.score<100 && indexData.score_zhf>0">
					<view class="deathText">请记住你的作死行为</view>
					<view class="deathItem">
						<scroll-view scroll-x="true" class="bookshelf-content dis">
							<block v-for="(item, index) in indexData.weidulist.actionlist" :key="index">
								<view class="itemDeath">
									<text class="item-title text-over-1">{{item}}</text>
								</view>
							</block>
						</scroll-view>
					</view>
				</view>

			</view>
		</view>
		<view class="commodity dis dis2" v-if="isLogin_s && isnull==0 &&indexData.score_zhf <100 && indexData.weidulist.score<100 && indexData.score_zhf>0">
			<view class="commodityBody" v-if="consumerlist.length>0">
				<view class="toptext">调理推荐</view>
				<!-- <view class="itemShang"> -->
				<scroll-view scroll-x="true" class="scroll">
					<block v-for="(items,index) in consumerlist" :key="index">
					<view class="displi"  v-if="items.type !='零食'" style='position: relative;'>
						<view class="itemsComm dis dis2" @click="goProduct(items.id,items.type)">
							<view class="commLef">
								<image :src="items.pic" mode="aspectFit"></image>
							</view>
							<view class="commCent">
								<view class="commtopTex">{{items.title}}</view>
								<view class="commcom_1 dis dis3 dis2">
									<block v-for="(i,indexs) in items.xiaoguo" :key="indexs">
										<view class="comm_12 contenr" v-if="indexs<2">{{i}}</view>
									</block>
								</view>
								<view class="commbotom"><text>参考价：{{items.price}}</text></view>
							</view>
							<view class="commRig dis dis3 dis2 dis5" v-if="!isResult && !topic">
								<circle size='50' layer-color="#DDE5EE" v-model="items.score" :rate="100" :speed="100" color="#6E9DFF" :text="items.score_1"
								 select='3' style='position: relative;'></circle>
								<view class="contexz">匹配度</view>
							</view>
						</view>
					</view>
					</block>
				</scroll-view>
				<!-- </view> -->
			</view>
		</view>
		<view class="snacksBg" v-if="isLogin_s && isnull==0 &&indexData.score_zhf <100 && indexData.weidulist.score<100 && indexData.score_zhf>0">
			<view class="snacks" >
				<view class="toptext">零食推荐</view>
				<view class="snacksItem dis dis3">
					<block v-for="(i,index1) in consumerlist" :key="index1">
					<view class="item_s dis dis5 dis1 dis2" v-if="i.type=='零食'"  @click="goProduct(i.id,i.type)">
						<view class="topImgs">
							<image :src="i.pic" mode="aspectFit"></image>
						</view>
						<view class="title contenr titles">
							<text class="titles">{{i.title}}</text>
						</view>
						<view class="its dis dis5 dis1 dis2">
							<block v-for="(s,indexs) in i.xiaoguo" :key="indexs">
								<view class="its_list contenr" v-if="indexs<=1 && s.length>0">{{s}}</view>
							</block>
							
						</view>
					</view>
					</block>
				</view>
			</view>
		</view>
		<view class="shuomKongs" v-if="consumerlist.length>0 || isLogin_s"></view>
		
		<view class="finallybg" v-if="isLogin_s && isnull==0">
			<view class="kongs"></view>
			<view class="finally dis dis2">
				<view class="left">
					<image src="../../static/img/qiri.png" mode="aspectFit" class="qiri"></image>
				</view>
				<view class="rigth dis dis2 dis3" v-if="isaccomplish && isLogin_s">
					<text class="jin">{{indexData.tasktitle}}</text>
					<view class="btons contenr" @click="goYangs">去打卡</view>
				</view>
				<view class="rigth dis dis2 " v-else>
					<image src="../../static/img/suos_1.png" mode="aspectFit" class="jiex"></image>
					<text class="jinss">进行一次健康自测解锁任务</text>
				</view>
			</view>
			<view class="account">
				<official-account></official-account>
			</view>
			
		</view>
		<!-- 复测题目 -->
		<view class="retest" v-if="topic"  catchtouchmove="myCatchTouch">
			<view class="kongs"></view>
			<view class="body">
				<view class="tops_1 dis dis5 dis1 dis2">
					<view class="topsText contenr" @click="showLongretest"><text>{{indexData.weidulist.weidu}}复测</text>
						<image src="../../static/img/guanb.png" mode="aspectFit" class="guanb" ></image>
					</view>
					<view class="progress dis dis2">
						<view class="progress_1"></view>
						<view class="progress_2" :style="{width:setWith()}"></view>
					</view>
				</view>
				<view class="kong"></view>
				<block v-for="(item,index) in topicList" :key="index">
					<view class="items" v-if="index==topicNum">
						<view class="topTity">Q{{index+1}}、{{item.question}}</view>
						<view class="topic">
							<block v-for="(i,indexs) in item.answer" :key="indexs">
							<view class="topicItms dis dis2 dis3" :class="{selects:i.select}" @click="selectPict(index,indexs,item.answer,i.answerid)">
								<view class="left dis dis2">
									<text class="text">{{i.answertitle}}</text>
								</view>
								<view class="rigth contenr">
									<image src="../../static/image/duo.png" mode="aspectFit" class="duo"></image>
									<image src="../../static/image/duo2.png" mode="aspectFit" class="duo" v-if="i.select"></image>
								</view>
							</view>
							</block>
						</view>
						<!-- <view class="tu contenr">
								<view class="ts contenr">查看对比图片</view>
						</view> -->
						<view class="finallyBrn dis dis3 dis2">
							<view class="btns_1 btns_2 contenr" v-if="index>0" @click="upper">上一题</view>
							<view class="btns_1 btns_3 contenr" :class="{btn5:index==0}" v-if="item.isSelect && index <topicList.length-1" @click="below">下一题</view>
							<view class="btns_1 btns_4 contenr" :class="{btn5:index==0}"  v-if="index==0 && !item.isSelect"> 下一题</view>
							<view class="btns_1 btns_4 contenr"   v-if="index !=0 && !item.isSelect && index !=topicList.length-1"> 下一题</view>
							<view class="btns_1 btns_3 contenr" v-if="index==topicList.length-1 && item.isSelect"  @click="submin"> 提交</view>
							<view class="btns_1 btns_4 contenr"  v-if="index==topicList.length-1 && !item.isSelect"> 提交</view>
						</view>
					</view>
				</block>
			</view>
		</view>
		<!-- 复测结果 v-if="isResult"  -->
		<view class="retestResult " v-if="isResult">
			<view class="kongs"></view>
			<view class="result">
				<!-- <view class="title contenr" @click="gunbis">
					<text class="tits">复测结果</text>
					<image src="../../static/img/guanb.png" mode="aspectFit" class="guanb"></image>
				</view> -->
				<swiper class="swiper" indicator-dots="true" :autoplay="autoplay" :duration="duration">
					<swiper-item>
						<view class="title contenr" @click="gunbis">
							<text class="tits">复测结果</text>
							<image src="../../static/img/guanb.png" mode="aspectFit" class="guanb"></image>
						</view>
						<view class="swiper-item1 contenr swiperW">
							<image :src="relustData.page1_pic" mode="aspectFit" class="jielb"></image>
						</view>
					</swiper-item>
					<swiper-item>
						<view class="swiper-item2 swiperW">
							<view class="title contenr" @click="gunbis">
								<text class="tits">复测结果</text>
								<image src="../../static/img/guanb.png" mode="aspectFit" class="guanb"></image>
							</view>
							<view class="xiaolian">
								<image :src="xiaos" mode="aspectFit" class="xiaos"></image>
							</view>
							<view class="goUp" v-if="relustData.page2_isup !=0">
								<image src="../../static/img/shangshen.png" mode="aspectFit" class="shangshens" v-if="relustData.page2_isup >0"></image>
								<image src="../../static/img/xiaj.png" mode="aspectFit" class="shangshens" v-if="relustData.page2_isup <0"></image>
								<text class="greenColor" :class="{greenColorsj:relustData.page2_isup <0}">{{Math.abs(relustData.page2_isup)}}</text>
							</view>
							<view class="pk dis dis2 dis3">
								<view class="left dis dis1 dis2 dis5">
									<text class="texts1">{{relustData.page2_score1}}</text>
									<text class="texts2">上次健康分</text>
								</view>
								<view class="rigth dis dis1 dis2 dis5">
									<text class="texts1">{{relustData.page2_score2}}</text>
									<text class="texts2 terxt">本次健康分</text>
								</view>
							</view>
							<view class="promote">
								{{relustData.page2_tip}}
							</view>
						</view>
					</swiper-item>
					<swiper-item>
						<view class="swiper-item3 swiperW">
							<view class="title contenr" @click="gunbis">
								<text class="tits">复测结果</text>
								<image src="../../static/img/guanb.png" mode="aspectFit" class="guanb"></image>
							</view>
							<view class="item3Top">
								<image :src="zhenz" mode="aspectFit" ></image>
							</view>
							<view class="conte contenr">当前症型</view>
							<view class="symptom contenr">
								<image src="../../static/image/hou.png" mode="aspectFit" class="hou"></image>
								<text>{{relustData.page3_zhibiao2title}}</text>
								<image src="../../static/image/qian.png" mode="aspectFit" class="qian"></image>
							</view>
							<view class="textIm3" v-if="relustData.page3_zhibiao2title=='完美'">{{relustData.page3_zhibiao2desc}}</view>
							<view class="textIm3" v-else>
								<text>{{relustData.text1}}<text class="textColor">{{relustData.text3}}</text>，{{relustData.text4}}</text>
								
							</view>
						</view>
					</swiper-item>
					<swiper-item v-if=" !perfect">
						<view class="swiper-item4 swiperW">
							<view class="title contenr" @click="gunbis">
								<text class="tits">复测结果</text>
								<image src="../../static/img/guanb.png" mode="aspectFit" class="guanb"></image>
							</view>
							<view class="kong"></view>
							<view class="item4 dis dis3" :class="[isXingtong?'bgImg_1':'bgImg_2']">
								<view class="left contenr">{{relustData.page4_weidu2}}</view>
								<view class="left rigth ">{{relustData.page4_weidu1}}</view>
							</view>
							<view class="items4Text" v-if="relustData.page4">
								{{relustData.page4}}<text class="texts">{{relustData.page4_weidu1}}</text>，{{relustData.page4_1}}
								<!-- 综合六个维度，脏腑已经不是你的最低分啦，目前健康分最低的是<text class="texts">湿气</text>，所以建议你从湿气开始调理咯~ -->
							</view>
							<view class="items4Text" v-else>
								{{relustData.page4_resultcontent}}
							</view>
							<view class="items4Btn contenr" @click="goUrls(2)">
								<text>查看健康报告</text>
								<image src="../../static/img/letjian.png" mode="aspectFit" class="letjian"></image>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view>
		</view>
		
		
		<!-- <view class="account">
			<official-account></official-account>
		</view> -->
		<tarBar :indexTo="0"></tarBar>

		<view v-if="!isLogin_s && showLong ">
			<log @fnnc="func"></log>
		</view>
		<view class="kons_1230" :class="{isIPXs:isIPX}" >
		</view>
	</view>
</template>

<script>
	let app = getApp().globalData;
	import tarBar from '@/components/tarbar.vue';
	import getRutdata from '@/common/js/indexFx.js';
	import config from '@/common/js/config.js';
	import log from '@/components/login.vue';
	import rad from '@/components/radar.vue';
	import tabr from '@/components/bars2.vue';
	import indexFx from '@/common/js/indexFx.js';
	export default {
		components: {
			tarBar,
			log,
			rad,
			tabr
		},
		data() {
			return {
				// jinduWidth: '30%', //调理建议进度条的宽度
				indexData: {}, //数据
				isIPX: false, //是否苹果手机
				name: '草莓酱', //用户姓名,
				angryList: [{}, {}, {}, {}, {}],
				gire: `${config.imgUrl}gire.png`,
				gire1:`${config.imgUrl}nan_1.png`,
				imgUrl_1: '',
				isaccomplish: true,
				isLogin_s: false, //是否登录fale未登录
				showLong: false, //是否显示授权组件
				isShanghuo: false, //是否没有完成上火，其他测试完成
				isTesting: false, //是否有未完成测试的选项
				// text1:'85%',
				// currentRate1:85,
				consumerlist: [], //商品
				autoplay:false,//是否自动切换
				duration:250,//
				xiaos:`${config.imgUrl}sangsn.png`,
				zhenz:`${config.imgUrl}zhenz.png`,
				topicNum:0,//显示那个模块
				isResult:false,//显示结果
				topic:false,//显示题目
				topicList:[],
				weiduid:0,//
				rlist:[],//选择的答案
				relustData:{},
				isexamiate:app.user.isexamiate,
				isnull:1,
				isXingtong:false,//是否为相同维度
				perfect:false,//是否全维度满分
				isTgexts:true,//数据是否请求加载
			};
		},
		onShareAppMessage: function(e) {
			let title = `Young养`
			return {
				imageUrl:'http://r.punkyangsheng.com/common/img/share.png',
				title: title,
				path: `/pages/index/index`
			}
		},
		onShareTimeline: function() {
			let title = `拯救罪恶感，一起朋克养生！`;
			return {
				title: title,
				path: '/pages/index/index'
			}
		},
		methods: {
			// 判断是否出现啥啥
			// showViews(indexData,perfect){
			// 	let is=false;
			// 	// indexData.score_zhf >=100 || perfect || indexData.weidulist.score>=100
			// 	if(indexData.score_zhf >=100){
			// 		is = true;
			// 	}
			// 	if(perfect){
			// 		is = true;
			// 	}
			// 	if(indexData.weidulist.score>=100){
			// 		is=true
			// 	}
			// 	if(indexData.score_zhf ==-1){
			// 		is=false
			// 	}
			// 	return is;
			// },
			gunbis(){
				this.isResult=false;
				this.indexData={};
				this.consumerlist = [];
				this.getIndexData()
			},
			showLongretest(){
				this.topic= false;
			},
			// 复测
			retest() {
				indexFx.basePoint(4,0);
				let that =this;
				this.topicList=[];
				this.topicNum=0;
				let weidulist = this.indexData.weidulist;
				 // this.topic=true;
				 // return
				if (weidulist.weidu == '上火') {
					app.inflamed = 1;
					app.indexRults=1;
					uni.navigateTo({
						url: '/second/me/answer/answer?id=1'
					})
					app.title = '上火复测'
					return
				}
				let weiduid  =weidulist.weiduid;
				this.$http._post('examination/secondexamination.do',{weiduid:weiduid }).then(res=>{
					if(res.data.issuccess==1){
						let {data} = res.data;
						let len = data.length;
						for(let i =0;i<len;i++){
							let s= data[i].answer.length
							for(let y=0;y<s;y++){
								data[i].answer[y].select=false
							}
							data[i].isSelect =false;
						}
						that.topicList = data;
						that.topic=true;
						that.weiduid = weiduid
					}
					console.log(that.topicList)
				})
				// this.topic=true;

			},
			below(){
				this.topicNum = this.topicNum+1;
				this.setWith()
			},
			upper(){
				this.topicNum = this.topicNum-1;
				this.setWith()
			},
			// 选择题目
			selectPict(index,index1,answer,id){
				let list = this.topicList;
				let rlist=this.rlist;
				let is = list[index].answer[index1].select;
				if(!is){
					rlist.push(id)
				}else{
					let len = rlist.length;
					for(let i=0;i<len;i++){
						if(id==rlist[i]){
							rlist.splice(i,1)
						}
					}
				}
				list[index].answer[index1].select = !list[index].answer[index1].select ;
				// console.log(rlist)
				// // this.topicList = this.isSelect(list);
				// console.log(this.topicList)
				 this.isSelect(list);
				this.rlist = rlist;
			},
			isSelect(list){
				let len = list.length;
				let s=0;
				for(let i=0;i<len;i++){
					let leng = list[i].answer.length;
					for(let y=0;y<leng;y++){
						if(list[i].answer[y].select){
							list[i].isSelect=true;
						}
					}
				}
				this.topicList =list;
				this.$forceUpdate()
				// return list
			},
			// 提交
			submin(){
				let that=this;
				let weiduid = this.weiduid;
				let  answerlist  = this.rlist;
				let str = '';
				let len = answerlist.length;
				for(let i=0;i<len;i++){
					str =str+`${answerlist[i]},`
				}
				str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) :str;
				console.log(str)
				this.$http._post('examination/secondsubmit.do',{weiduid,answerlist:str}).then(res=>{
					console.log(res)
					if(res.data.issuccess==1){
						let {data} = res.data;
						// data.page2_isup = data.page2_isup.toFixed(2);
						// data.page2_score1 =data.page2_score1.toFixed(2);
						// data.page2_score2 =data.page2_score2.toFixed(2);
						// data.page4_score1 =data.page4_score1.toFixed(2);
						// data.page4_score2 =data.page4_score2.toFixed(2);
						if(data.page2_isup<0){
							that.xiaos = `${config.imgUrl}xiajian.png`
						}
						if(data.page3_zhibiao2title=='完美'){
							that.zhenz = `${config.imgUrl}wanmei.png`
						}
						let weiduList = data.weidulist;
						let lengts = weiduList.length;
						let sp=0;
						for(let s=0;s<lengts;s++){
							if(weiduList[s].jkf==100){
								sp = sp+1
							}
						}
						if(sp==lengts){
							that.perfect=true;
						}
						let page3 =data.page3_zhibiao2desc;
						page3= page3.replace(',','，')
						if(data.page3_zhibiao2desc.indexOf('的{')!=-1){
							let text1=((page3.split('的{')[0]).replace(/{/g,'')).replace(/}/g,'');
							let text2 = page3.split('的{')[1];
							console.log('text2',text2)
							let text3 = text2.split('}，')[0];
							let text4 = ((text2.split('}，')[1]).replace(/{/g,'')).replace(/}/g,'');
							data.text1 =text1;
							data.text3 =text3;
							data.text4 =text4;
							if(data.page4_weidu1==data.page4_weidu2){
								that.isXingtong=true;
							}
							if(data.page4_resultcontent.indexOf('{')!=-1){
								data.page4_resultcontent = data.page4_resultcontent.replace(',','，')
								let page4 =data.page4_resultcontent.split('{')[0];
								let page4_1 = data.page4_resultcontent.split('}，')[1];
								data.page4 =page4;
								data.page4_1 =page4_1;
							}
							console.log(data)
							that.relustData = data;
							that.topic = false;
							that.isResult=true;
							that.topicNum = 0;
							return
						}
						if(data.page4_weidu1==data.page4_weidu2){
							that.isXingtong=true;
						}
						if(data.page4_resultcontent.indexOf('{')!=-1){
							data.page4_resultcontent = data.page4_resultcontent.replace(',','，')
							let page4 =data.page4_resultcontent.split('{')[0];
							let page4_1 = data.page4_resultcontent.split('}，')[1];
							data.page4 =page4;
							data.page4_1 =page4_1;
						}
						that.relustData = data;
						that.topicNum = 0;
						that.topic = false;
						that.isResult=true;
					}
				})
			},

			// 设置用户名
			setNameLegnth() {
				if (!app.user.nickname && uni.getStorageSync('userInfo').nickName) {
					return
				}
				console.log('userInfo', uni.getStorageSync('userInfo'))
				let name = app.user.nickname || uni.getStorageSync('userInfo').nickName;
				if (name.length > 6) {
					let nameLeng = name.substr(0, 6);
					this.name = `${nameLeng}*`
				} else {
					this.name = name
				}
				let sex = app.user.sex ? app.user.sex : uni.getStorageSync('userInfo').gender ? uni.getStorageSync('userInfo').gender :
					2;
				if (sex == 1) {
					this.gire = `${config.imgUrl}nan.png`;
					this.gire1= `${config.imgUrl}nan_1.png`
				} else {
					this.gire = `${config.imgUrl}gire.png`;
					this.gire1= `${config.imgUrl}gire_1.png`
				}
			},
			// 跳转
			goUrls(a) {
				let urls = "";
				let that = this;
				if (!this.isLogin_s) {
					this.showLong = true;
					return;
				}
				if (a == 1) {
					uni.navigateTo({
						url: '/second/me/everyday/everyday'
					})
				}
				if (a == 2) {
					if (!that.isaccomplish) {
						that.$http.isMssage('暂无报告 ，请去做日常体检');
						return
					}
					getRutdata.everyday().then(res => {
						if (res.data.issuccess == 1) {
							let {
								data
							} = res.data;
							app.progresstext = data.age
							app.progresstext1 = data.score_zhf
							app.retuData = data;
							if (data.age == -1) {
								app.progresstext = '?'
							}
							if (data.score_zhf == -1) {
								app.progresstext1 = '?'
							}
							let list = data.weidulist;
							let listpo = [];
							let values = [];
							for (let i = 0; i < list.length; i++) {
								let num = (list[i].score).toFixed(0);
								let name = `${list[i].weidu}\n${num}`;

								if (list[i].weidu == '上火' && list[i].isempty == 1) {
									name = `${list[i].weidu}\n？`;
								}
								listpo.push({
									name,
									max: 100
								});
								values.push(list[i].score)
							}
							app.listRadar1 = listpo;
							app.value1 = values;
							uni.navigateTo({
								url: `/second/me/everydayResult/everydayResult`
							})
						}
					})
				}
			},
			// 调理
			goHealth(suggestion, actionlist, text, title, isempty, score) {
				if (title == '上火' && isempty == 1) {
					this.goCes();
					return
				}
				if (!suggestion || score >= 100) {
					this.$http.isMssage('该维度正常哦！');
					return
				}
				console.log('suggestion', suggestion)
				app.ensue = suggestion;
				app.actionlist = actionlist
				uni.redirectTo({
					url: `/second/yang/health?text=${text}&title=${title}`
				})
			},
			goCes() {
				app.inflamed = 1;
				app.indexRults=1;
				app.title = '上火测评'
				let url = '/second/yang/evaluation/evaluation?id=1&&isfree=1';
				uni.navigateTo({
					url: url
				})
			},
			skip() {
				let url = '';
				if (!this.isLogin_s) {
					this.showLong = true;
					return
				}
				if (this.isShanghuo && !this.isTesting) {
					app.title = '上火测评'
					url = '/second/yang/evaluation/evaluation?id=1&&isfree=1';
				} else {
					// let list = this.indexData.weidulist;
					url = '/second/me/everyday/everyday';
				}

				uni.navigateTo({
					url: url
				})
			},
			skipGourl() {
				if (!this.isLogin_s) {
					this.showLong = true;
					return
				}
				app.title = '体质测评'
				uni.navigateTo({
					url: '/second/yang/evaluation/evaluation?id=9&&isfree=1'
				})
			},
			goYangs() {
				uni.navigateTo({
					url: '/pages/young/young'
				})
			},

			// 获取首页数据
			getIndexData() {
				let that = this;
				this.consumerlist=[];
				console.log('请求首页数据')
				this.$http._post('index.do').then(res => {
					if (res.data.issuccess == 1) {
						let {
							data
						} = res.data;
						console.log(data)
						// data.score_zhf=100;
						that.isTgexts = false;
						app.indexData = data;
						that.indexData = data;
						console.log('changdss',data.weidulist)
						that.isnull = data.isnull
						// for(let i=0;i<)
						let list = data.consumerlist;
						let len = list.length;
						for (let i = 0; i < len; i++) {
							list[i].xiaoguo = list[i].xiaoguo.split('\n')
							list[i].score_1 = `${list[i].score}%`
						}
						that.consumerlist = list;
					} else if (res.data.isneedlogin == 1) {
						that.isLogin_s = false;
					}
				})
			},
			loginwx() {
				let that = this;
				let is = app.appIsLogin;
				if (is) {
					that.isLogin_s = true;
					return
				}
				this.gire = `${config.imgUrl}gire.png`;
				this.gire1 = `${config.imgUrl}gire_1.png`
				if (uni.getStorageSync('token') && uni.getStorageSync('userInfo')) {
					let that = this;
					this.$http._login().then(res => {
						console.log(res)
						let {
							data
						} = res.data
						app.user = data;
						that.isLogin_s = true;
						app.appIsLogin = true;
						// that.isexamiate = app.user.isexamiate
						uni.setStorageSync('uid', data.userid);
						uni.setStorageSync('token', data.token);
						that.getIndexData();
						that.setNameLegnth();
					})
				}
			},
			func(data) {
				this.isLogin_s = data.isLogin;
				let that = this;
				if (!data.isLogin) {
					this.showLong = false;
				} else {
					this.getIndexData();
					this.setNameLegnth();
					app.user = data.data;
					let name = data.data.nickname;
					let sex = data.data.sex;
					if (name.length > 6) {
						let nameLeng = name.substr(0, 6);
						that.name = `${nameLeng}*`
					} else {
						that.name = name
					}
					if (sex == 1) {
						this.gire = `${config.imgUrl}nan.png`;
						this.gire1 = `${config.imgUrl}nan_1.png`
					} else {
						this.gire = `${config.imgUrl}gire.png`;
						this.gire1 = `${config.imgUrl}gire_1.png`
					}
				}
				console.log(data)
			},
			// 设置进度条的宽度
			setWith(){
				let topicNum = this.topicNum+1;
				let topicList = this.topicList.length
				let width =topicNum/topicList*100;
				return `${width}%`
			},
			goProduct(id,type){
				if(!id){
					return
				}
				indexFx.basePoint(1,0)
				let ty=0;
				if(type=='零食'){
					ty=1
				}
				if(!id){
					return
				}
				uni.navigateTo({
					url:`/second/yang/product/product?ty=${ty}&id=${id}`
				})
			},
			myCatchTouch(){
				 console.log('stop user scroll it!');
				    return;
			},
			showTewxts(){
				let is = false;
				let that = this;
				if(!that.isLogin_s){
					is=true
				}else{
					let consumerlist = this.consumerlist;
					let indexData = this.indexData
					if(consumerlist.length==0 && indexData.score_zhf<=100 && indexData.isnull ==1){
						is=true
					}
				}
				return is
			}

		},
		onShow() {
					// this.setNameLegnth();
					// this.getIndexData();
					// this.isLogin_s = true
			if (this.isLogin_s) {
				// if(app.isRequst){
					this.getIndexData();
				// }
				this.setNameLegnth();
			} else {
				if (uni.getStorageSync('userInfo')) {
					this.setNameLegnth();
					// if(app.isRequst){
						this.getIndexData();
					// }
					this.isLogin_s = true
				}
			}
			app.isRequst=true;
		},
		onLoad() {
			this.loginwx()
			this.isIPX = app.isIPX;
			console.log('app.user', app.user)
		},
		onHide() {
			this.topicNum=0;//显示那个模块
			this.isResult=false;//显示结果
			this.topic=false;//显示题目
			this.topicList=[];
			this.rlist=[];
		},

	}
</script>

<style lang="scss" >
	@import "../../common/css/flex.css";
	@import "../../common/css/index.scss";
	page{
		background-color: #fff;
	}
	.psgeView {
		// background-color: #fff;
		.pageViweKongs{
			width: 100%;
			height: 18upx;
			background: #F8F8F8;
		}
		.tops {
			width: 750upx;
			height: 355upx;
			background: linear-gradient(180deg, #F8F8F8 0%, #FFFFFF 100%);
			.topView {
				width: 682upx;
				height: 207upx;
				background: #FFFFFF;
				border-radius: 16upx;
				margin: auto;
				// margin-top: 18upx;

				.topImg {
					width: 330upx;
					height: 60upx;
					background-image: url(../../static/image/indexbg.png);
					background-size: 100% 100%;
					margin: auto;
					color: #B8931C;
					font-size: 28upx;
					font-family: $typeface;
					font-weight: 500;
					color: #B8931C;
				}

				.topView_bot {
					width: 100%;
					height: 147upx;

					.viewLef {
						width: 45%;
						height: 100%;

						.top {
							width: 77upx;
							height: 33upx;

							.ages {
								font-size: 44upx;
								font-family: $typeface;
								font-weight: 500;
								color: #333333;
							}

							.sui {
								font-size: 24upx;
								font-family: $typeface1;
								font-weight: 400;
								color: #333333;
								margin-top: 10upx;
							}
						}

						.btns {
							min-width: 104upx;
							height: 37upx;
							font-size: 26upx;
							font-family: $typeface1;
							font-weight: 400;
							color: #C1C1C1;
							margin-top: 10upx;
						}
					}

					.lins {
						width: 1upx;
						height: 19upx;
						background-color: #EDEDED;
					}
				}
			}

			.chicken {
				width: 682upx;
				height: 109upx;
				background: #E9F4FF;
				border-radius: 16upx;
				margin: auto;
				margin-top: 26upx;

				.chickenImg {
					width: 84upx;
					height: 109upx;
					margin-left: 20upx;
				}

				.texts {
					width: 534upx;
					height: 80upx;
					font-size: 28upx;
					font-family: $typeface1;
					font-weight: 400;
					color: #5D7790;
					margin-left: 27upx;
					margin-right: 17upx;
				}
			}
		}

		.middle {
			width: 100%;
			min-height: 580upx;
			background-color: #fff;
			padding-bottom: 32upx;
			.kongs {
				width: 100%;
				height: 12upx;
			}

			.middle_s {
				width: 686upx;
				min-height: 400upx;
				background: linear-gradient(135deg, #FFE979 0%, #FFD344 100%);
				box-shadow: 0px 20upx 40upx 0px rgba(0, 0, 0, 0.06);
				border-radius: 24upx;
				margin: auto;
				padding-bottom: 32upx;

				.middTop {
					width: 100%;
					height: 102upx;

					.topsText {
						min-width: 180upx;
						height: 42upx;
						font-size: 30upx;
						font-family: $typeface;
						font-weight: 500;
						color: #333333;
						margin-left: 32upx;
						.time{
							width: 246upx;
							height: 37upx;
							font-size: 26upx;
							font-family: $typeface;
							font-weight: 500;
							color: #D79717;
						}
					}

					.botonMidd {
						width: 124upx;
						height: 40upx;
						border-radius: 22upx;
						border: 2upx solid #333330;
						font-size: 22upx;
						font-family: $typeface;
						font-weight: 500;
						color: #333333;
						margin-right: 32upx;
					}
				}

				.modl {
					width: 622upx;
					min-height: 327upx;
					background: #FFFFFF;
					box-shadow: 0px 15upx 30upx 0px rgba(0, 0, 0, 0.04);
					border-radius: 24upx;
					margin: auto;
					padding-bottom: 32upx;

					.modlTops {
						height: 413upx;
						width: 100%;
						position: relative;

						.modelleft {
							width: 384upx;
							height: 100%;

							.kongs {
								width: 100%;
								height: 35upx;
							}

							.items1 {
								width: 244upx;
								height: 97upx;
								border-bottom: 1upx solid #EBEBEB;
								margin-left: 50upx;

								.texts1 {
									font-size: 24upx;
									font-family: $typeface1;
									font-weight: 400;
									color: #C1C1C1;
								}

								.texts2 {
									font-size: 40upx;
									font-family: $typeface;
									font-weight: 500;
									color: #333333;
								}
							}

							.items2 {
								width: 244upx;
								height: 117upx;

								.kons {
									width: 100%;
									height: 15upx;
								}

								.item2topx {
									font-size: 24upx;
									font-family: $typeface1;
									font-weight: 400;
									color: #C1C1C1;
								}

								.item2botm {
									width: 100%;
									height: 56upx;

									.item2Left {
										width: 159upx;
										height: 100%;

										.textFins {
											font-size: 40upx;
											font-family: $typeface;
											font-weight: 500;
											color: #333333;
										}

										.shangshe {
											width: 43upx;
											height: 48upx;
										}
									}

									.items2Ring {
										width: 115upx;
										height: 90%;
										margin-bottom: 10upx;

										.numms {
											font-size: 28upx;
											font-family: $typeface;
											font-weight: 500;
											color: #00DB8E;
										}

										.textsd {
											font-size: 22upx;
											font-family: $typeface1;
											font-weight: 400;
											color: #C1C1C1;
										}
									}
								}

							}

							.items3 {
								height: 120upx;

								.kongs {
									width: 100%;
									height: 27upx;
								}
							}
						}

						.modelRig {
							width: 380upx;
							height: 413upx;
							position: absolute;
							right: 0;
							.girs {
								width: 380upx;
								height: 413upx;
							}
						}
					}

					.btonCes {
						width: 569upx;
						height: 80upx;
						margin: auto;

						image {
							width: 569upx;
							height: 80upx;
						}
					}
					.modl_1{
						width: 100%;
						height: 380rpx;
						.left{
							width: 384upx;
							height: 100%;
							
							.topsLeft{
								width: 100%;
								height: 207upx;
								.topsLeft1{
									position: absolute;
									top: 585upx;
									font-size: 40upx;
									font-family: $typeface;
									font-weight: 500;
									color: #333333;
									left: 102upx;
								}
								.topsLeft2{
									font-size: 40upx;
									font-family: $typeface;
									font-weight: 500;
									color: #333333;
									margin-left: 38upx;
								}
								.topsLeft_122{
									position: absolute;
									top: 640upx;
									font-size: 40upx;
									font-family: $typeface;
									font-weight: 500;
									color: #333333;
									left: 102upx;
								}
							}
							.leftBotm{
								width: 100%;
								height: 120upx;
								.btoms{
									width: 210upx;
									height: 70upx;
									background: #333333;
									border-radius: 36upx;
									font-size: 30upx;
									font-family: $typeface;
									font-weight: 500;
									color: #FFFFFF;
									margin-left: 37upx;
								}
							}
						}
						.rigth{
							width: 238upx;
							height: 380upx;
							position: relative;
							image{
								position: absolute;
								right: 0;
								width: 172upx;
								height: 380upx;
							}
						}
					}

				}
				.modlPadd{
					padding-bottom: 0;
					
				}

			}

			.death {
				width: 654upx;
				min-height: 70upx;
				margin-left: 32upx;
				margin-top: 30upx;

				.deathText {
					width: 100%;
					height: 42upx;
					font-size: 30upx;
					font-family: $typeface;
					font-weight: 500;
					color: #333333;
				}

				.deathItem {
					margin-top: 16upx;
					width: 100%;
					height: 54upx;

					.bookshelf-content {
						white-space: nowrap; // 滚动必须加的属性
						width: 100%;
						height: 80upx;

						.itemDeath {
							min-width: 30upx;
							height: 54upx;
							padding: 0 32upx;
							margin-right: 20upx;
							background: #333333;
							border-radius: 27upx;
							font-size: 26upx;
							font-family: $typeface1;
							font-weight: 400;
							color: #FFFFFF;
							display: inline-block;
							line-height: 54upx;
							text-align: center;
						}
					}
				}
			}

		}

		.commodity {
			width: 100%;
			height:379upx;
			background: #FFFFFF;
			margin-top: 15upx;

			.commodityBody {
				width: 722upx;
				margin-left: 28upx;
				height: 325upx;

				.toptext {
					width: 144upx;
					height: 50upx;
					font-size: 36upx;
					font-family: $typeface;
					font-weight: 500;
					color: #333333;
					margin-bottom: 20upx;
				}

				.scroll {
					width: 100%;
					height: 230upx;
					margin-top: 20upx;
					overflow: hidden;
					white-space: nowrap;

					.displi {
						width: 90%;
						height: 230upx;
						display: inline-block;

						.itemsComm {
							width: 611upx;
							height: 200upx;
							background: #FFFFFF;
							box-shadow: 0px 8upx 28upx 0px rgba(0, 0, 0, 0.06);
							border-radius: 16upx;
							border: 1upx solid #F4F4F4;

							.commLef {
								width: 168upx;
								height: 168upx;
								background: #FFFFFF;
								border-radius: 8upx;
								margin-left: 16upx;

								image {
									width: 168upx;
									height: 168upx;
									border-radius: 8upx;
								}
							}

							.commCent {
								width: 252upx;
								height: 168upx;
								margin-left: 16upx;

								.commtopTex {
									height: 68upx;
									font-size: 28upx;
									font-family: $typeface;
									font-weight: 500;
									color: #333333;
								}

								.commcom_1 {
									width: 252upx;
									height: 39upx;
									margin-top: 19upx;

									.comm_12 {
										min-width: 116upx;
										height: 39upx;
										background: #FFF6D9;
										border-radius: 6upx;
										font-size: 24upx;
										font-family: $typeface;
										font-weight: 500;
										color: #BD9C30;
										
									
									}

								}

								.commbotom {
									width: 252upx;
									height: 33upx;
									font-size: 24upx;
									font-family: $typeface1;
									font-weight: 400;
									color: #999999;
									margin-top: 10upx;
									overflow:hidden; //超出的文本隐藏
									text-overflow:ellipsis; //溢出用省略号显示
									white-space:nowrap;
								}
							}

							.commRig {
								width: 100upx;
								height: 80%;
								background: #FFFFFF;
								margin-left: 30upx;
								position: relative;
								.contexz {
									position: absolute;
									width: 66upx;
									height: 30upx;
									font-size: 22upx;
									font-family: $typeface1;
									font-weight: 400;
									color: #C1C1C1;
									// margin-top: 10upx;
									bottom: 10upx;
								}
							}

						}
					}
				}
			}
			
		}
		.snacksBg{
			background-color: #fff;
			width: 100%;
			min-height: 500upx;
		.snacks{
			width: 686upx;
			min-height: 530upx;
		
			margin: auto;
			.toptext {
				width: 144upx;
				height: 50upx;
				font-size: 36upx;
				font-family: $typeface;
				font-weight: 500;
				color: #333333;
				margin-bottom: 20upx;
		
			}
			.snacksItem{
				width: 100%;
				min-height: 380upx;
				
				.item_s{
					width: 214upx;
					min-height: 371upx;
				
					.topImgs{
						width: 100%;
						height: 214upx;
						border-radius: 12upx;
						image{
							width: 214upx;
							height: 214upx;
							border-radius: 12upx;
						}
					}
					.title{
						width: 186upx;
						min-height: 70upx;
						font-family: $typeface;
						font-weight: 500;
						color: #333333;
						font-size: 26upx;
						text-align: center;
						.titles{
							overflow: hidden;
							text-overflow: ellipsis;
							display:-webkit-box; 
							-webkit-box-orient:vertical; 
							-webkit-line-clamp:2;
						}
					}
					.titles{
						overflow: hidden;
						text-overflow: ellipsis;
						display:-webkit-box; 
						-webkit-box-orient:vertical; 
						-webkit-line-clamp:2;
					}
					.its{
						margin: 9upx 0;
						width: 100%;
						min-height: 90upx;
						// border: 1px solid red;
						padding-bottom: 24upx;
						.its_list{
							min-width: 108upx;
							min-height: 39upx;
							background: #F8F8F8;
							border-radius: 6upx;
							font-size: 22upx;
							font-family: $typeface1;
							font-weight: 400;
							color: #999999;
							margin-top: 10upx;
							// padding: 2upx 2upx;
							// border: 1px solid red;
						}
					}
				}
			}
		}
		}
		.shuomKongs{
			width: 100%;
			height: 16upx;
			background-color: #f8f8f8;
		}

		.finallybg {
			width: 100%;
			background-color: #fff;
			margin-top: 16upx;

			.kongs {
				width: 100%;
				height: 20upx;
			}

			.finally {
				width: 686upx;
				height: 126upx;
				background: #FFD447;
				border-radius: 24upx;
				margin: auto;
				margin-top: 16upx;
				// background-color: #FFFFFF;

				.left {
					width: 147upx;
					height: 106upx;
					margin-left: 9upx;
					margin-right: 6upx;

					.qiri {
						width: 147upx;
						height: 106upx;
					}
				}
			}

			.rigth {
				width: 503upx;
				height: 90upx;
				background: #FFFFFF;
				border-radius: 12upx;

				.jin {
					font-size: 28upx;
					font-family: $typeface;
					font-weight: 500;
					color: #333333;
					margin-left: 16upx;
				}

				.btons {
					width: 96upx;
					height: 44upx;
					background: #333333;
					border-radius: 8upx;
					font-size: 24upx;
					font-family: $typeface;
					font-weight: 500;
					color: #FFFFFF;
					margin-right: 15upx;
				}

				.jiex {
					width: 44upx;
					height: 44upx;
					margin-left: 25upx;
				}

				.jinss {
					font-size: 28upx;
					font-family: $typeface;
					font-weight: 500;
					color: #C1C1C1;
					margin-left: 10upx;
				}
			}
		}

		.account {
			width: 686upx;
			margin: 50upx auto;
		}
		.kons_1230 {
			width: 100%;
			height: 80upx;
		}
		.isIPXs {
			height: 180upx;
		}
		.kongsList{
			width: 100%;
			height: 200upx;
		}

		.retestResult {
			position: fixed;
			bottom: 0;
			width: 749upx;
			height: 100%;
			background: rgba(0, 0, 0, 0.7);
			z-index: 99;

			.kongs {
				width: 100%;
				height: 100upx;
			}

			.result {
				width: 640upx;
				height: 820upx;
				background: #FFFFFF;
				border-radius: 24upx;
				margin: auto;
				position: relative;
				.title{
					position: absolute;
					width: 100%;
					height: 50upx;
					top: 41upx;
					z-index: 9999;
					.tits{
						font-size: 36upx;
						font-family:$typeface;
						font-weight: 500;
						color: #000000;
					}
					.guanb{
						position: absolute;
						width: 22upx;
						height: 22upx;
						top: 0upx;
						right: 38upx;
					}
				}
				.swiper{
					width: 640upx;
					height: 820upx;
					
					.swiperW{
						width: 640upx;
						height: 820upx;
					}
					.swiper-item1{
						background: linear-gradient(180deg, #C5E7FF 0%, #FFFFFF 28%, #FFFFFF 100%);
						border-radius: 24upx;
						.jielb{
							width: 580upx;
							height: 510upx;
						}
					}
					.swiper-item2{
						background: linear-gradient(180deg, #FFF8D7 0%, #FFFFFF 30%, #FFFFFF 100%);
						position: relative;
						border-radius: 24upx;
						.xiaolian{
							width: 430upx;
							height: 421upx;
							margin: auto;
							.xiaos{
								width: 430upx;
								height: 421upx;
							}
						}
						.goUp{
							position: absolute;
							min-height: 80upx;
							height: 48upx;
							top: 360upx;
							right: 80upx;
							.shangshens{
								width: 43upx;
								height: 48upx;
							}
							.greenColor{
								font-size: 50upx;
								font-family: $typeface;
								font-weight: 500;
								color: #00DB8E;
							}
							.greenColorsj{	
								color: #FF6344;
							}
						}
						.pk{
							width: 546upx;
							height: 158upx;
							background-image: url(http://r.punkyangsheng.com/xcx/img/pk.png);
							background-size: 100% 100%;
							margin: auto;
							.left,.rigth{
								width: 120upx;
								height: 150upx;
								margin-left: 42upx;
								margin-right: 42upx;
								.texts1{
									font-size: 80upx;
									font-family:$typeface;
									font-weight: 500;
									color: #333333;
								}
								.texts2{
									font-size: 24upx;
									font-family:$typeface1;
									font-weight: 400;
									color: #E09E9E;
								}
								.terxt{
									color: #A2B4E3;
								}
							}
						}
						.promote{
							width: 520upx;
							min-height: 80upx;
							font-size: 28upx;
							font-family:$typeface1;
							font-weight: 400;
							color: #999999;
							margin: auto;
							margin-top: 40upx;
						}
					}
					.swiper-item3{
						border-radius: 24upx;
						.item3Top{
							width: 640upx;
							height: 330upx;
							image{
								width: 640upx;
								height: 330upx;
							}
						}
						.conte{
							width: 100%;
							height: 33upx;
							font-size: 24upx;
							font-family:$typeface1;
							font-weight: 400;
							color: #999999;
							margin-top:20upx ;
						}
						.symptom{
							width: 402upx;
							height: 90upx;
							font-size: 64upx;
							font-family:$typeface;
							font-weight: 500;
							color: #333333;
							position: relative;
							margin: auto;
							.qian,.hou{
								width: 37upx;
								height: 37upx;
								position: absolute;
							}
							.qian{
								top: 17upx;
								right: 0upx;
							}
							.hou{
								bottom: 15upx;
								left: 0upx;	
							}
						}
						.textIm3{
							width: 520upx;
							min-height: 160upx;
							// padding-bottom: 32upx;
							font-size: 28upx;
							font-family: $typeface1;
							font-weight: 400;
							margin: auto;
							margin-top: 41upx;
							color: #999999;
							.textColor{
								color: #333333;
								// font-family: $typeface1;
							}
						}
					}
					.swiper-item4{
						border-radius: 24upx;
						background: linear-gradient(180deg, #FFF8D7 0%, #FFFFFF 30%, #FFFFFF 100%);
						.kong{
							width: 100%;
							height: 100upx;
						}
						.item4{
							width: 586upx;
							height: 390upx;
							// border: 1px solid red;
							margin: auto;
							
							.left{
								width: 53%;
								height: 80%;
								font-size: 70upx;
								font-family: AlibabaPuHuiTiR;
								color: #FFFFFF;
								margin-top: 50upx;
							}
							.rigth{
								width: 40%;
								display: flex;
								align-items: center;
							}
						}
						.bgImg_1{
							// 维度没有变化
							background-image: url(http://r.punkyangsheng.com/xcx/img/bianhbg_2.png);
							// background-image: url(http://r.punkyangsheng.com/xcx/img/bianhbg.png);
							background-size: 100% 100%;
						}
						.bgImg_2{
							// 维度有变化
							background-image: url(http://r.punkyangsheng.com/xcx/img/bianhbg.png);
							background-size: 100% 100%;
						}
						.items4Text{
							width: 520upx;
							min-height: 120upx;
							font-size: 28upx;
							font-family: $typeface1;
							font-weight: 400;
							color: #999999;
							margin: auto;
							padding-bottom: 10upx;
							.texts{
								color: #333333;
							}
						}
						.items4Btn{
							width: 230upx;
							height: 64upx;
							background: #FFD344;
							box-shadow: 0px 6upx 30upx 0px rgba(255, 159, 41, 0.3);
							border-radius: 32upx;
							margin: auto;
							margin-top: 26upx;
							font-size: 24upx;
							font-family:$typeface;
							font-weight: 500;
							color: #333333;
							.letjian{
								width: 16upx;
								height: 16upx;
								margin-left: 6upx;
							}
						}
					}

				}
			}
		}
		.retest{
			position: fixed;
			bottom: 0;
			width: 749upx;
			height: 100%;
			background: rgba(0, 0, 0, 0.7);
			z-index: 99;
			.kongs{
				width: 100%;
				height: 60upx;
			}
			.body{
				width: 640upx;
				height: 966upx;
				background: #FFFFFF;
				border-radius: 24upx;
				margin: auto;
				position: relative;
				background-color: #fff;
				.tops_1{
					width: 100%;
					height: 80upx;
					position: absolute;
					top: 30upx;
					.topsText{
						font-size: 36upx;
						font-family:$typeface;
						font-weight: 500;
						color: #000000;
						width: 100%;
						position: relative;
						.guanb{
							position: absolute;
							width: 22upx;
							height: 22upx;
							top: 0upx;
							right: 38upx;
						}
					}
					.progress{
						width: 565upx;
						height: 6upx;
						background: #F5F5F5;
						position: relative;
						margin-top: 10upx;
						.progress_1{
							width: 100%;
							height:100% ;
							position: absolute;
						}
						.progress_2{
							position: absolute;
							height: 100%;
							background: #FFD344;
							border: 6upx solid #FFFFFF;
							left: 0;
						}
					}
				}
				.kong{
					width: 100%;
					height: 131upx;
				}
				.items{
					width: 576upx;
					height: 835upx;
					// border: 1px solid red;
					margin: auto;
					.topTity{
						width: 100%;
						min-height: 42upx;
						font-size: 30upx;
						font-family:$typeface;
						font-weight: 500;
						color: #000000;
					}
					.topic{
						width: 100%;
						min-height: 408upx;
						margin-top: 35upx;
						padding-bottom: 32upx;
						.topicItms{
							width: 576upx;
							height: 78upx;
							background: #F8F8F8;
							border-radius: 16upx;
							margin-bottom: 16upx;
							.left{
								width: 80%;
								height: 100%;
								.text{
									margin-left: 24upx;
									font-size: 26upx;
									font-family:$typeface1;
									font-weight: 400;
									color: #333333;
								}
							}
							.rigth{
								width: 15%;
								height: 100%;
								
								position: relative;
								.duo{
									position: absolute;
									width: 28upx;
									height: 28upx;
								}
							}
						}
						.selects{
							background: #FFFCF3;
							border: 2upx solid #EAE2CB;
						}
					}
					.tu{
						width: 100%;
						height: 38px;
						margin-top: 14upx;
						margin-bottom: 24upx;
						.ts{
							width: 164upx;
							height: 38upx;
							border-radius: 31upx;
							border: 2upx solid #44AEFF;
							font-size: 22upx;
							font-family: $typeface1;
							font-weight: 400;
							color: #44AEFF;
						}
					}
					.finallyBrn{
						width: 576upx;
						height: 72upx;
						margin: auto;
						position: absolute;
						bottom: 40upx;
						.btns_1{
							// width: 90upx;
							// height: 42upx;
							font-size: 30upx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							width: 280upx;
							height: 72upx;
							background: #EDEDED;
							border-radius: 40upx;
						}
						.btns_3{
							background: #FFD344;
							
						}
						.btns_4{
							background: rgba(255, 211, 68, 0.3);
							font-size: 30upx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
						}
						.btn5{
							margin: auto;
						}
					}
				}
			}
		}
		// .account {
		// 	width: 686upx;
		// 	margin: 50upx auto;
		// }

	}
</style>
